.export {
  .header {
    .func_height_vw(@base-width, 328);
  }

  .main {
    padding: 0.5em 1em 0.8em;
  }

  input[type='checkbox'] {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    border-radius: 0;
    border: 1px solid currentColor;
  }

  .sel-all,
  .sel-list li {
    display: flex;
    align-items: center;
  }

  .sel-all {
    padding: 1em 0 0.8em;
    .rem(56);
  }
  .sel-list {
    margin-left: (56em / 48) * 1.5;
    .rem(48);
    li {
      margin-bottom: 0.5em;
    }
  }
  .bot-func {
    flex-shrink: 0;

    display: flex;
    .func_height_vw(@base-width, 280);
    .rem(50);
    border-top: 2px solid @green;
    box-shadow: 0 -10px @green-light;

    a {
      flex: 1;

      display: flex;
      align-items: center;
      justify-content: center;

      &::before {
        .ico(100, 100, #eee, 0);
        margin-right: 0.3em;
      }
    }
  }
}
